const vBox = document.querySelector('.short');

var data = shortData.data;

console.log(data);

render(data);

function render(data) {
  vBox.innerHTML = '';
  var html = '';
  console.log(data.length);
  for (let i = 0; i < data.length; i++) {
    html += `<div class="cut">
    <span class="title">${data[i].title}</span>
    <div class="video-box">
      <img src="${data[i].img}" alt="" />
    </div>
    <!-- 菜单盒子 -->
    <div class="right">
      <div class="avatar">
        <img src="${data[i].img}" alt="" />
      </div>
      <span class="iconfont icon-zan1">
        <p>229</p>
      </span>
      <span class="iconfont icon-pinglun">
        <p>229</p>
      </span>
      <span class="iconfont icon-shoucang">
        <p>229</p>
      </span>
      <span class="iconfont icon-fenxiang">
        <p>229</p>
      </span>
    </div>
    <div class="bottom">
      <h4>@${data[i].username}</h4>
      <p>${data[i].desc}</p>
    </div>
  </div>`;
  }

  vBox.innerHTML = html;
}